import React, {useContext} from 'react';
import {View} from 'react-native';
import {Button, Text, Avatar, ListItem, BottomSheet} from '@rneui/base';

import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';

export default ({navigation, isVisible, setIsVisible}) => {
  return (
    <BottomSheet modalProps={{}} isVisible={isVisible} onBackdropPress={() => {
      setIsVisible(false)
    }}>
      <ListItem
        containerStyle={{borderTopLeftRadius: 10, borderTopRightRadius: 10}}>
        <ListItem.Content
          style={{
            alignItems: 'center',
          }}>
          <Text>全新创建企业</Text>
        </ListItem.Content>
      </ListItem>
      <ListItem
        containerStyle={{
          borderTopColor: '#ccc',
          borderTopWidth: 1,
        }}>
        <ListItem.Content
          style={{
            alignItems: 'center',
          }}>
          <Text>加入其他企业</Text>
        </ListItem.Content>
      </ListItem>
      <ListItem
        containerStyle={{
          borderTopColor: '#ccc',
          borderTopWidth: 4,
        }}
        onPress={() => {
          setIsVisible(false);
        }}>
        <ListItem.Content
          style={{
            alignItems: 'center',
          }}>
          <Text>取消</Text>
        </ListItem.Content>
      </ListItem>
    </BottomSheet>
  );
};
